<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
            <title>Blog</title>
            <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
        <script src="./jquery-3.2.0.min.js"></script>
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
        
        <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body>
     <nav class="navbar navbar-default navbar-static-top navbar navbar-inverse">
        <div class="container">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">博客首页</a>
                <ul class="nav navbar-nav">
                    <li><a href="#">主页</a></li>
                    <li><a href="#">图片</a></li>
                    <li><a href="#">新闻</a></li>
                    <li><a href="#">娱乐</a></li>
                    <li><a href="#">更多</a></li>
                    <li><a herf="#">登录</a></li>
                </ul>
        
            </div>
        </div>
	</nav>
     
     <div class="container">
     <a>
     <img src="/Users/nanannana/Downloads/timg.jpeg" width="150px" height="50px">
     </a>
     <div class="blog-header">
     <div class="jumbotron">
     <h1>欢迎使用！</h1>
     </div>
     </div>
     
     <div class="row">
         <div class="col-sm-8 blog-main">
     
         </div>
            <div class="col-sm-3 col-sm-offset-1 blog-sidebar">
     <div class="sidebar-module sidebar-module-inset">
                <div class="jumbotron">
     <h4>新闻</h4>
                </div>
            </div>
        </div>
    </div>
    
     <div class="page-header">
         <h1>娱乐</h1>
     </div>
     <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
         <ol class="carousel-indicators">
             <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
             <li data-target="#carousel-example-generic" data-slide-to="1"></li>
             <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        </ol>
     <div class="carousel-inner" role="listbox">
             <div class="item active">
                 <img src="./01.jpg" alt="First slide" width="1500px" height="500px">
                     </div>
             <div class="item">
                 <img src="./02.jpg" alt="Second slide" width="1500px" height="500px">
                     </div>
             <div class="item">
                 <img  src="./03.jpg" alt="Third slide" width="1500px" height="500px">
             </div>
         </div>
    
         <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
             <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
             <span class="sr-only">Previous</span>
         </a>
         <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
             <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
             <span class="sr-only">Next</span>
         </a>
     </div>
     <div class="page-header">
         <h1>今日热点</h1>
     </div>
     <div class="well">
         <p>hidufgrgtihgiutlhbtrlhtrhijiorjbhirhjbiujitjhoitrjutjhy</p>
     </div>
     
    </body>
</html>
